.box { font-family: '微软雅黑'; margin: 0 auto; overflow: hidden; }
.header { width: 100%; height: 130px; background: #21356b; color: #fff; }
.logo1 { float: left; }
.navibar { margin-top: 10px; border-radius: 5px; overflow: hidden; float: right; width: 960px; height: 70px; }
.phone p { margin: -18px 0px 0px 20px; }
.phone img { width: 14px; }
.phone { float: right; padding-top: 15px; }
.logo1 a { width: 128px; height: 50px; margin-left: -10px; margin-top: -10px; }
.navibar .i .t { margin-top: 0px; width: 119px; color: #fff; height: 50px; background: url('../images/nav_back.png') no-repeat 0 0; background-size: 100% 73px; border-right: 1px solid #4b9c06; }
.navibar .cur .t { background: #ccc; }
.search { width: 1200px; height: 80px; background: #80b925; top: 725px; left: 50%; margin-left: -600px; position: absolute; z-index: 1; border-radius: 5px; overflow: hidden; display: none;}
.search a { display: block; margin-left: 65px; float: left; color: #fff; line-height: 565%; }
.search a:hover { -webkit-transform: scale(1.2); transition: 1s; }
.sear label { margin-left: 85px; }
.sear img { margin-top: 29px; width: 25px; }
.sear input { margin-top: 21px; background: #73a621; border: none; width: 185px; height: 36px; color: #fff; padding-left: 15px; box-shadow: inset 1px 1px 5px #548313; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff; }
.home, .story-1 { width: 100%; text-align: center; padding-top: 50px; background: #f7f7f7; }
.home img { width: 36px; height: 33px; }
.home_tittle, .story_tittle, .p_and_t { width: 100%; text-align: center; font-size: 30px; background: #f7f7f7; padding-top: 50px; }
.home_tittle span, .story_tittle span, .p_and_t span { color: #cccccc; }
.home_tittle p, .story_tittle p, .p_and_t p { font-size: 14px; color: #ccc; }
.home_cont { width: 100%; text-align: center; padding-top: 50px; color: #a3a3a3; margin-bottom: 90px; }
.home_cont span { color: #000; font-size: 15px; }
.market { width: 100%; margin-top: -90px; padding-top: 90px; padding-bottom: 50px; }
.market ul {	/*margin-left:300px;*/
width: 1200px; margin: 0 auto; }
.market li { width: 325px; text-align: center; margin: 0 37px; float: left; }
.tit-img { width: 230px; height: 230px; overflow: hidden; border-radius: 50%; margin-left: 48px; }
.midle-1 { color: #cccccc; font-weight: bold; }
.midle { font-size: 20px; color: #85c226; }
.line { margin-top: 50px; }
.c-tit { color: #000; margin-top: 40px; font-weight: bold; }
.c-cont { text-align: left; margin-top: 12px; color: #999999; }
.jx-story { padding-top: 1px; width: 100%; height: 630px; background: url('../image/jx-back.png') no-repeat 0 0; }
.story_ul {	/*margin:26px 0px 0px 215px;*/
width: 1200px; margin: 0 auto; }
.trans { width: 127px; height: 185px; overflow: hidden; float: left; }
.story_ul li { float: left; width: 400px; overflow: hidden; }
#trans_1 { text-align: left; color: #000; width: 100px; font-size: 20px; float: left; width: 215px; margin: 70px 0px 10px 20px; }
#trans_2 {	/*margin:10px 0px 0px 295px;*/
text-align: left; width: 215px; color: #808080; float: left; width: 215px; margin: 0 0px 0 20px; }
#trans_3 { color: #000; width: 100%; font-size: 20px; text-align: center; margin: 70px 0px 10px; }
#trans_4 {	/*margin:10px 0px 0px 125px;*/
text-align: center; width: 100%; color: #808080; }
#trans_5 { color: #000; font-size: 14px; float: right; margin: 70px 10px 10px 0; }
#trans_6 { width: 172px; color: #808080; float: right; margin: 0 10px 0 0; text-align: right; }
#trans-7 { width: 185px; height: 185px; overflow: hidden; float: right;	/*margin:-165px 0px 0px 400px;*/ }
.time img { margin-top: -30px; }
#time_span span { color: #192952; font-size: 40px; font-weight: bold; margin-left: 310px; }
#time_span { margin-left: -310px; }
.video { width: 100%;  background: #192952; padding-top: 50px; color: #fff; }
.video-1 { width: 560px; height: 248px; background: url(../images/vd.jpg) no-repeat center center #000; text-align: center; float: left; }
.video-1 img { /* margin-top: 76px; */ width: 35px;margin-top: 126px;}
.video-p1 { width: 600px; margin-left: 40px; padding-bottom: 20px; line-height: 197%; }
.video-2 { float: right; width: 640px; }
.video-2 a { color: #fff; }
.video-a1, .video-a2 { display: inline-block; width: 120px; height: 45px; background: url(../images/liaojie.png); text-align: center;	/*box-shadow:6px 3px 10px #0b1223;*/ line-height: 330%; border-radius: 5px; margin-left: 95px; *display: inline; *zoom: 1; }
.video-p2 { overflow: hidden; text-align: center;    padding-bottom: 20px; }
.heating { width: 100%; height: 257px; overflow: hidden; }
.heating { width: 100%; height: 257px; overflow: hidden; }
.p_and_t1 { width: 100%; text-align: center; background: #f7f7f7; overflow: hidden; }
.p_and_t1 img { width: 63px; height: 50px; }
.p_and_t_p2 b { font-size: 20px; color: #85bf26; margin: -20px 0px 0px 136px; }
.p_and_t_p5 b { font-size: 20px; color: #85bf26; margin: -20px 0px 0px 38px; }
.p_and_t_p2 { margin: -43px 0px 0px 173px; }
.p_and_t_p5 { margin: -43px 0px 0px 70px; }
.p_and_t_p3 { text-align: left; margin: 10px 0px 0px 500px; width: 270px; color: #999999; }
.p_and_t_p4 { text-align: left; margin: 10px 0px 0px 106px; width: 45%; color: #999999; }
.p_and_t ul { margin-top: 64px; background: #f7f7f7; width: 100%;	/*margin-left:10%*/ }
.performance li { float: left; background: #f7f7f7; width: 30%; margin-left: 15%; text-align: left; }
.clear { clear: both; }
.jx-phone-1 img { margin: -435px 0px 0px 0px;	/*width:20%;*/	/*height:560px;*/ }
.temper { overflow: hidden; margin-top: -67px; width: 100%; height: 270px; background: url('../image/jx-9.png') no-repeat 0 0; }
.sheshidu { margin: -74px 0px 0px 60px; }
.sheshidu span { color: #fff; font-size: 40px; }
.picScroll-left .bd ul li { box-shadow: 2px 2px 8px 2px #eeeeee; }
.temper_ul { width: 1200px; margin: 0 auto; padding-top: 115px; }
.sheshidu1 { color: #fff; font-weight: bold; margin-left: 63px; }
.temper_ul li { float: left; width: 25%; margin-left: 8%; }
.d_hot { width: 100%; height: auto; background: #85bf26; padding-bottom: 30px; }
.d_hot_ul { width: 1200px; height: 500px; margin: 0 auto; }
.d_hot_ul li { width: 580px; height: 220px; overflow: hidden; background: #fff; float: left; margin: 20px 0px 0px 10px; position: relative; }
.d_hot_ul img { width: 100%; margin: 11px 0px 0px 30px; }
.d_hot_ul_p1 {	/*text-align:center;*/
padding-left: 47%; width: 100%; height: 22%; background: #192952; margin: -155px 0px 0px 17%; color: #fff; font-size: 1.5vw; line-height: 166%; }
.d_hot_ul a { display: block; width: 85px; height: 30px; background: #bf2626; color: #fff; text-align: center; line-height: 211%; border-radius: 5px; position: absolute; top: 170px; right: 26px; }
.mask { width: 100%; height: 221px; background: #192952;	/*opacity:0.7;*/ padding-top: 90px; position: absolute; top: 0px; }
.mask_3 { position: absolute; top: 0px; }
.mask_3 img { opacity: 0.3; width: 80%; height: 221px; }
.mask_1 { color: #fff; font-size: 1.5vw; text-align: center; }
.mask_2 { color: #505a76; font-size: 14px; text-align: center; }
.set { margin: 35px 0px 180px 356px; position: relative; }
.set li { margin-left: 20px; float: left; }
.set p { color: #000; margin-top: 20px; }
.set_a { display: block; width: 36px; height: 36px; border: 1px solid #ccc; margin-top: 100px; position: absolute; top: 220px; background: #fff; left: 590px; color: #ccc; }
.picScroll-left { margin: 0px auto; width: 1250px; overflow: hidden; position: relative; height: 395px; }
.picScroll-left .hd { overflow: hidden; height: 40px; margin-top: 40px; padding: 0 10px; position: absolute; top: 290px; left: 46%; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; font-size: 36px; color: #e3e3e3; width: 35px; height: 35px; float: right;	/*border:1px solid #e3e3e3;*/ margin-top: 1px; line-height: 90%; }
.picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; }
.picScroll-left .hd ul li.on { background-position: 0 0; }
.picScroll-left .bd { padding: 0px; margin-top: 35px; }
.picScroll-left .bd ul { overflow: hidden; }
.picScroll-left .bd ul li { margin: 0 0px; float: left; margin-right: 24px; _display: inline; overflow: hidden; text-align: center; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 280px; height: 195px; display: block; padding: 0px; }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-left .bd ul li .title { line-height: 24px; margin: 15px 0px 15px 0px; }
.tempWrap { width: 1250px; height: 250px; padding-bottom: 30px; }
.coop_p { width: 100%; height: 500px; background: #f7f7f7; padding-top: 20px; }
.coop_p1 { font-weight: bold; margin: -18px 0px 0px 41px; background: #f7f7f7; }
.coop_p1 span { font-weight: bold; color: #dadada; background: #f7f7f7; }
.coop_ul2 { width: 400px; height: 430px; margin-left: 358px;	/*border-right:1px dotted #ccc;*/ float: left; }
.coop_ul li { width: 200px; height: 100px; float: left; margin: 20px 0px 0px 20px; }
.coop_li { text-align: center; background: #fff; }
.coop_div1 { color: #170363; font-size: 12px; font-weight: bold; }
.coop_div2 {	/*color:#170363;*/
font-size: 17px; font-weight: bold; }
.coop_ul2 { border: none; margin: 20px 0px 0px 55px; }
.messge img { width: 116px; height: 133px; }
.messge { width: 670px; }
.messge_p1 { margin-top: 50px; }

/*a, a:link, a:visited{
	color:#999999;
}*/
.messge_p2 { margin: -120px 0px 0px 144px; }
.messge_p3 { margin: -16px 0px 0px 162px; }
.messge_p4 { margin: 25px 0px 0px 162px; color: #a3a3a3; }
.ban_but { margin: 24px 0px 0px 190px; }
.ban_but li { width: 8px; height: 8px; background: #85c226; border-radius: 50%; float: left; margin-left: 20px; }
.coop_ul { width: 495px; height: 430px; border-right: 1px dotted #ccc; float: left; }
.ban_but li:hover { background: #192952; }
.s_cont { font-size: 14px; margin-top: 44px; width: 80%; text-align: left; margin-left: 10%; }
.cont_p { margin-top: 35px; }

/*.story_tittle{
	width:100%;
	text-align:center;
	margin-top:50px;
	font-size:30px;
}*/
.s_cont { font-size: 14px; margin-top: 44px; width: 1150px; text-align: left; margin-left: 370px; }
#com_tit { width: 100%; height: 862px; color: #fff; background: url('../image/home-b.jpg') no-repeat 0 0; padding-top: 20px; }
#new { background: #f7f7f7; height: 700px; }
.cate li { position: relative; width: 350px; height: 40px; }
.cate { float: left; margin: 50px 0px 0px 50px; }
.cate_1 { border-bottom: 1px solid #ccc; }
.a_tit p { color: #85bf26; position: absolute; }
.a_tit_p1:hover, .a_tit_p2:hover { width: 60px; height: 38px; }
.a_tit_p1 { left: 0px; border-bottom: 3px solid #85bf26; height: 38px; }
.a_tit_p2 { right: 0px; }
.a_tit2 p { margin-bottom: 20px; line-height: 360%; position: absolute; }
.cont_p1 { left: 0px; }
.cont_p2 { right: 0px; }
.cate_2 p:hover { color: #85C226; list-style: :underline; }
.cate_2 p { line-height: 280%; }
.home_tittle p, .story_tittle p, .p_and_t p { color: #999999; }
.zhaoshang { width: 100%; height: 450px; background: url('../images/ditu.png'); overflow: hidden; }
.call_li1 { color: #fff; font-size: 30px; }
.call_li1 span { font-size: 14px; color: #4a5471; }
.call_li2 { color: #fff; }
.call_us li { margin-top: 40px; }
.call_li2_p1 { margin: 40px 0px 0px 0px; }
.call_li2_p2 { margin: -19px 0px 0px 45px; }
.call_li3 a { margin-right: 58px; }
.call_li3 img { margin-top: 40px; }
.call_us {	/*margin-left:19%;*/ }
.paper { margin: -305px 0px 0px 0px; float: right; }
.paper_p1 { text-align: center; color: #192952; font-size: 29px; margin: -360px 0px 0px 0px; }
.paper_p2, .paper_p1 { color: #192952; }
.paper_p2, .paper_p3, .paper_p4, .paper_p5 { position: absolute; width: 305px; height: 27px; border: 1px solid #ccc; padding: 6px; z-index: 1; padding-left: 14px; }
.paper_p3 { left: 845px; top: -257px; }
.paper_p2 { left: 489px; top: -257px; }
.paper_p4 { left: 489px; top: -188px; }
.paper_p5 { left: 845px; top: -188px; }
.inp_phone { width: 255px; height: 21px; border: none; }
.textarea { width: 666px; height: 72px; padding-left: 14px; margin: 125px 0px 0px 30px; }
.f_sub { width: 130px; height: 40px; background: #192952; color: #fff; border-radius: 5px; margin: 11px 0px 0px 310px; }

/*轮播图*/
.banner { position: relative; width: 1920px; height: 744px; }
.banner ul { width: 1920px; height: 744px; position: absolute; overflow: hidden; }
.banner li { width: 1920px; height: 744px; float: left; }
.banner img { width: 1920px; height: 744px; }
.b_but_1, .b_but_2 { width: 53px; height: 115px; position: absolute; z-index: 2; border: none; border-radius: 10px; background: #000; opacity: 0.3; }
.b_but_1 img, .b_but_2 img { width: 30px; height: 60px; }
.b_but_1 { top: 350px; left: 30px; }
.b_but_2 { right: 30px; top: 350px; }



/* css 的初始化 */

/* 指定当前css文件, 编码格式是utf-8 */
@charset "UTF-8";

/* 清除默认的外边距和内边距 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, img {
  margin: 0;
  padding: 0;
}

img, input, button, textarea {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none;
}

ul, ol {
  list-style: none;
}

input {
  font-family: "SimSun", "宋体";
}

select, input, textarea {
  font-size: 12px;
  margin: 0;
}

textarea {
  resize: none;
}

img {
  border: 0;
  /* 可以防止 img 下边出现缝隙问题 */
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

body {
  /* 将整个页面的字体, 默认重置 */
  font: 12px/18px Microsoft YaHei, Arial, Verdana, "SimSun";
  color: #666;
  background: #fff;
}

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* 兼容 IE 67 */
.clearfix {
  *zoom: 1;
}

a {
  color: #666;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}

/* 废物利用 1*/
s, i, em {
  font-style: normal;
  text-decoration: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}


@font-face {font-family: "iconfont";
    src: url('../fonts/font_1457575_wc4kbab342e.eot'); /* IE9 */
    src: url('../fonts/font_1457575_wc4kbab342e.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/585fe6ad5f914ef0b63de578a158cdc1.woff') format('woff2'),
    url('../fonts/font_1457575_wc4kbab342e.woff') format('woff'),
    url('../fonts/font_1457575_wc4kbab342e.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/font_1457575_wc4kbab342e.svg') format('svg'); /* iOS 4.1- */
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /* .icon-jiantouyou:before {
    content: "\e62a";
  }
  
  .icon-jiantou-zuo:before {
    content: "\e62d";
  }
  
  .icon-zuojiantou:before {
    content: "\e601";
  }
  
  .icon-jiantou:before {
    content: "\e605";
  } */
  



.button {
    position: absolute;
    cursor: pointer;
    /* top: 15%; */
    font-size: 40px;
    color: #333;

}
.prev {
    left: -20px;
}
.next {
    right: -20px;
}
.container {
    width: 900px;
    margin: 0 auto;
    height: 500px;
    position: relative;
    padding: 25px;
}
.slide_wrap  {
    overflow: hidden;
    position: relative;
}
.slide_wrap ul {
    position: relative;
    left: 0px;
}
.slide_wrap::after {
    width: 100%;
    height: 1px ;
    background-color: #999;
    content: '';
    position: absolute;
    top: 48px;
    left: 0px;
}
.slide_items li{
    float: left;
    font-size: 20px;
    width: 290px;
    text-align: center;    
}
.slide_items li a {
    display: block;
}
.slide_items li.on {
    color: yellow;
    border-radius: 30px;
}
.slide_items li span {
    color: #333333;
    font-size: 18px;
    display: block;
}
.slide_items li div {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #a2a2a2; ;
    border-radius: 13px;
    padding: 2px;
    box-sizing: border-box;
    margin-top: 22px;
}
.slide_items li i{
    display: block;
    width: 10px;
    height: 10px;
    background-color: #a2a2a2;
    border-radius: 5px;

}
.slide_items li.on div {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: #d3d3d3;
    border-radius: 13px;
    padding: 7px;
    box-sizing: border-box;
    margin-top: 18px;
}

.slide-content {
    margin-top: 100px;
}
.slide-content img{
   width: 100%;
}
.slide-content ul {
    display: none;
}
.slide-content ul.on {
    display: block;
}


.wra {
    color: #a90005 !important;
    font-size: 21px !important;
    font-weight: bold !important;
}

.wrb {
    font-size: 16px !important;
    color: black !important;
    line-height: 28px !important;
    margin-top: 28px !important;
    font-family: 'Microsoft YaHei' !important;
	text-align: left;
}

.container {
    width: 1222px !important;
    margin: 0 auto !important;
    height: 390px !important;
    position: relative !important;
}

.slide-content {
    margin-bottom: 37px;
    width: 100%;
    display: block;
    margin-top: 0px;
    overflow: hidden;
    height: auto;
    margin-left: 40px;
}

.heiseback {
    width: 1140px;
    height: 290px;
    padding-left: 21px;
}

.whitekuang {
    width: 488px;
    height: 250px;
    margin-left: 50px;
    margin-top: 40px;
    box-sizing: border-box;
    /* border: 12px solid white; */
    overflow: hidden;
    background: white;
    float: left;
}

.wkimg {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.whiteright {
    width: 470px;
    float: right;
    margin-right: 75px;
    padding-top: 33px;
}

.slide_wrap {
    overflow: hidden;
    position: relative;
    margin-left: 66px;
}

.prev {
    width: 19px;
    height: 39px;
}
.button {
    position: absolute;
    cursor: pointer;
    bottom: 5%;
    font-size: 40px;
    color: #333;
}

.next {
    right: -60px;
    width: 19px;
    height: 39px;
}

